/*@import url('fonts.css');*/

/*
 Colors:
 Gray: #4d4d4d
 Dark Blue: #025959
 Blue: #00586C
 Light Blue: #006883
 Orange: #f58220
 Red: #ed1b2e
 */

/* Table of Contents

 - HTML5 Reset
 - Baseline Normalize
 - Box Sizing
 - Float Clearing
 - Defaults
 - Typographical Elements
 - Headings
 - Objects
 - Forms
 - Tables
 - Structure and Layout
 - Site Containers
 - Column Widths and Positions
 - Column Classes
 - Common Classes
 - Dropdown
 - Pagination
 - Block
 - Sharing
 - Rating
 - Product
 - Diem Sach
 - Items Slider
 - Products Slider
 - Badges Slider
 - Users Slider
 - Author Block
 - User Info
 - Dialog
 - Cart
 - Site Header
 - Title Area
 - Search Form
 - Mini Cart
 - User Block
 - Site Navigation
 - Header Navigation
 - Primary Navigation
 - Footer Navigation
 - Content Area
 - Quotation
 - Featured Slider
 - Banners Rotator
 - Product
 - Product Bar
 - Sections Group
 - Product Sections
 - Comments
 - Featured Comments
 - User Details
 - Edit Account
 - Products Layout
 - Grid
 - List
 - Sortings Holder
 - Sidebars
 - Featured Comments
 - Mot vien xuat sac
 - Normal Products List
 - Bestseller
 - Categories
 - Site Footer
 - Icons Set
 - Pinterest
 - MISC
 - Error, Error 404
 - Specify Page
 - Find Friend Results
 - Notifications
 - Media Queries
 - max-width: 1139px
 - max-width: 1023px
 - max-width: 767px

 */

/*
 HTML5 Reset
 ---------------------------------------------------------------------------------------------------- */

/* Baseline Normalize
 normalize.css v2.1.2 | MIT License | git.io/normalize
 --------------------------------------------- */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}
audio, canvas, video {
	display: inline-block
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden] {
	display: none
}
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0
}
a:focus {
	outline: thin dotted
}
a:active, a:hover {
	outline: 0
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: bold
}
dfn {
	font-style: italic
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}
mark {
	background: #ff0;
	color: #000
}
code, kbd, pre, samp {
	font-family: monospace, serif;
	font-size: 1em
}
pre {
	white-space: pre-wrap
}
q {
	quotes: "\201C" "\201D" "\2018" "\2019"
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -0.5em
}
sub {
	bottom: -0.25em
}
img {
	border: 0
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 0
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	border: 0;
	padding: 0
}
button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0
}
button, input {
	line-height: normal
}
button, select {
	text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}
textarea {
	overflow: auto;
	vertical-align: top
}
table {
	border-collapse: collapse;
	border-spacing: 0
}

/* Box Sizing
 --------------------------------------------- */

*, input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Float Clearing
 --------------------------------------------- */

.result:before, .products-row:before, .comment-block:before, .product:before, .author-block:before, .user-info:before, .content-sidebar:before, .sidebar-content:before, .clearfix:before, .nav-primary:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .DialogWrap:before, .wrap:before {
	content: " ";
	display: table;
}

.result:after, .products-row:after, .comment-block:after, .product:after, .author-block:after, .user-info:after, .content-sidebar:after, .sidebar-content:after, .clearfix:after, .nav-primary:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .DialogWrap:after, .wrap:after {
	clear: both;
	content: " ";
	display: table;
}

/*
 Defaults
 ---------------------------------------------------------------------------------------------------- */

/* Typographical Elements
 --------------------------------------------- */

html {
	font-size: 62.5%; /* 10px browser default */
}

body {
	background-color: #000;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
}

a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .button2 {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

::-moz-selection {
	background-color: #025959;
	color: #fff;
}

::selection {
	background-color: #333;
	color: #fff;
}

a {
	color: #00586C;
	text-decoration: none;
}

a img {
	margin-bottom: -4px;
}

a:hover {
	color: #006883;
}

p {
	margin: 0 0 24px;
	padding: 0;
}

strong {
	font-weight: 700;
}

ol, ul {
	margin: 0;
	padding: 0;
}

blockquote, blockquote::before, blockquote::after {
	color: #333;
	font-size: 15px;
	line-height: 31px;
}

blockquote {
	margin: 16px 30px 16px 30px;
	text-align: left;
}

blockquote::before {
	color: #f58220;
	content: "\201C";
	display: inline;
	font-size: 55px;
	font-weight: 700;
	height: 0;
	/*	left: -30px;*/
	position: relative;
	top: 15px;
}

blockquote::after {
	color: #f58220;
	content: "\201D";
	display: inline;
	font-size: 55px;
	font-weight: 700;
	height: 0;
	position: relative;
	top: 15px;
}

code {
	background-color: #333;
	color: #ddd;
}

cite {
	font-style: normal;
}

/* Headings
 --------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	color: #00586C;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 16px;
}

h1 {
	font-size: 28px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 16px;
}

h6 {
	font-size: 14px;
}

/* Objects
 --------------------------------------------- */

embed, iframe, img, object, video {
	max-width: 100%;
}

/*img {
 height: auto;
 width: auto;  IE8
 }*/

/* Forms
 --------------------------------------------- */

input, select, textarea {
	background-color: #fff;
	border: 1px solid #bbb;
	box-shadow: 0px 0px 3px #ddd inset;
	color: #333;
	font-size: 14px;
	padding: 5px 10px;
}

input[type="checkbox"], input[type="radio"] {
	width: auto;
}

input:focus, textarea:focus {
	border: 1px solid #999;
	outline: none;
}

::-moz-placeholder {
	color: #999;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #999;
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .button2 {
	font-weight: 700;
	background-color: #006883;
	border: 1px solid #00586C;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	padding: 8px 14px;
	width: auto;
}

button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, .button2:hover {
	color: #fff;
	background-color: #f58220;
	border-color: #ed1b2e;
}

.button, .button2 {
	display: inline-block;
	line-height: 1.5;
}

.button2[type="submit"], .button2 {
	font-weight: 400;
	background-color: #f58220;
	border: 0;
	padding: 3px 15px;
}

.button2[type="submit"] {
	font-weight: 700;
	/*	font-size: 12px;*/
	padding: 4px 13px;
}

.button2[type="submit"]:hover, .button2:hover {
	background-color: #006883;
	/*	border-color: #00586C;*/
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button {
	display: none;
}

.button-big[type=submit] {
	font-size: 18px;
	padding: 8px 20px;
}

.button-disabled {
	-moz-opacity: 0.3;
	opacity: 0.3;
	background: #bfbfbf !important;
}

input[disabled] {
	background-color: #efefef;
}

form .form-field {
	width: 75%;
	margin-bottom: 15px;
}

form .form-field label {
	width: 100%;
	display: block;
}

form .form-field-inline-label label, form .form-field label.inline-label {
	display: inline-block;
	width: auto;
}

form .form-field input, form .form-field select, form .form-field textarea {
	width: 100%;
}

form .form-field input[type="checkbox"], form .form-field input[type="radio"] {
	width: auto;
}

form .form-field .errorMessage {
	color: #ed1b2e;
}

form .form-field-inline label {
	width: 30%;
	float: left;
}

form .form-field-inline input, form .form-field-inline select, form .form-field-inline textarea {
	width: 50%;
}

form .form-field .select-field label {
	width: auto;
	display: inline;
	float: none;
}

form .form-field .select-field {
	display: table;
	width: 50%;
}

form .form-field .select-field select {
	display: table-cell;
	width: auto;
	margin-right: 10px;
}

.form-sections {
	border: 1px solid #dddddd;
	margin-bottom: 20px;
}

.form-sections .form-section {
	padding: 0 15px;
}

.form-sections .form-section h3 {
	color: #fff;
	background-color: #00586C;
	margin: 0 -15px 10px;
	padding: 5px 5px;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400;
	font-family: 'Open Sans', Arial, sans-serif;
}

/* Tables
 --------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin-bottom: 40px;
	width: 100%;
}

tbody {
	border-bottom: 1px solid #ddd;
}

th, td {
	text-align: left;
}

th {
	font-weight: bold;
}

td {
	border-top: 1px solid #ddd;
	padding: 6px 0;
}

/* WYSIWYG
 --------------------------------------------- */

.wysiwyg {
	text-align: justify;
}

.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {
	font-family: 'Open Sans', Arial, sans-serif;
	text-align: left;
}

.wysiwyg p {

}

.wysiwyg p:last-child {
	margin-bottom: 0;
}

.wysiwyg ul {
	padding-left: 40px;
	margin: 0 0 24px
}

/*
 Structure and Layout
 ---------------------------------------------------------------------------------------------------- */

/* Site Containers
 --------------------------------------------- */

.site-inner, .wrap {
	margin: 0 auto;
	max-width: 1024px;
}

.site-inner {
	clear: both;
	padding-top: 10px;
}

/* Column Widths and Positions
 --------------------------------------------- */

/* Content */

.content {
	float: left;
	width: 685px;
}

.full-width-content .content {
	width: 100%;
}

.sidebar-content .content {
	float: right;
	width: 725px;
}

/* Primary Sidebar */

.sidebar-primary {
	float: right;
	width: 290px;
}

.sidebar-content .sidebar-primary {
	float: left;
	width: 250px;
}

.sidebar-content, .content-sidebar {
	margin-bottom: 10px;
}

/* Column Classes
 Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
 --------------------------------------------- */

.five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half, .three-sixths, .two-fourths {
	width: 48.717948717948715%;
}

.one-third, .two-sixths {
	width: 31.623931623931625%;
}

.four-sixths, .two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}

.row-fluid {
	width: 100%;
}
.row-fluid:before, .row-fluid:after {
	content: "";
	display: table;
	line-height: 0;
}
.row-fluid:after {
	clear: both;
}
.row-fluid [class*="span"] {
	-moz-box-sizing: border-box;
	display: block;
	float: left;
	margin-left: 2.5641%;
	min-height: 30px;
	width: 100%;
}
.row-fluid [class*="span"]:first-child {
	margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
	margin-left: 2.5641%;
}
.row-fluid .span12 {
	width: 100%;
}
.row-fluid .span11 {
	width: 91.453%;
}
.row-fluid .span10 {
	width: 82.906%;
}
.row-fluid .span9 {
	width: 74.359%;
}
.row-fluid .span8 {
	width: 65.812%;
}
.row-fluid .span7 {
	width: 57.265%;
}
.row-fluid .span6 {
	width: 48.7179%;
}
.row-fluid .span5 {
	width: 40.1709%;
}
.row-fluid .span4 {
	width: 31.6239%;
}
.row-fluid .span3 {
	width: 23.0769%;
}
.row-fluid .span2 {
	width: 14.5299%;
}
.row-fluid .span1 {
	width: 5.98291%;
}
.row-fluid .offset12 {
	margin-left: 105.128%;
}
.row-fluid .offset12:first-child {
	margin-left: 102.564%;
}
.row-fluid .offset11 {
	margin-left: 96.5812%;
}
.row-fluid .offset11:first-child {
	margin-left: 94.0171%;
}
.row-fluid .offset10 {
	margin-left: 88.0342%;
}
.row-fluid .offset10:first-child {
	margin-left: 85.4701%;
}
.row-fluid .offset9 {
	margin-left: 79.4872%;
}
.row-fluid .offset9:first-child {
	margin-left: 76.9231%;
}
.row-fluid .offset8 {
	margin-left: 70.9402%;
}
.row-fluid .offset8:first-child {
	margin-left: 68.3761%;
}
.row-fluid .offset7 {
	margin-left: 62.3932%;
}
.row-fluid .offset7:first-child {
	margin-left: 59.8291%;
}
.row-fluid .offset6 {
	margin-left: 53.8462%;
}
.row-fluid .offset6:first-child {
	margin-left: 51.2821%;
}
.row-fluid .offset5 {
	margin-left: 45.2991%;
}
.row-fluid .offset5:first-child {
	margin-left: 42.735%;
}
.row-fluid .offset4 {
	margin-left: 36.7521%;
}
.row-fluid .offset4:first-child {
	margin-left: 34.188%;
}
.row-fluid .offset3 {
	margin-left: 28.2051%;
}
.row-fluid .offset3:first-child {
	margin-left: 25.641%;
}
.row-fluid .offset2 {
	margin-left: 19.6581%;
}
.row-fluid .offset2:first-child {
	margin-left: 17.094%;
}
.row-fluid .offset1 {
	margin-left: 11.1111%;
}
.row-fluid .offset1:first-child {
	margin-left: 8.54701%;
}

/*
 Common Classes
 ---------------------------------------------------------------------------------------------------- */

/* Dropdown
 --------------------------------------------- */

.wrapper-dropdown {
	/* Size and position */
	display: inline-block;
	z-index: 50;
	position: relative;
	width: 200px;
	margin: 0 auto;
	padding: 4px 10px;
	/* Styles */
	font-size: 12px;
	line-height: 1.5;
	background: #fff;
	border: 1px solid rgba(0,0,0,0.15);
	box-shadow: 0 1px 1px rgba(50,50,50,0.1);
	cursor: pointer;
	outline: none;
	/* Font settings */
	font-weight: bold;
	color: #808080;
}

.wrapper-dropdown:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -3px;
	border-width: 6px 6px 0 6px;
	border-style: solid;
	border-color: #006883 transparent;
}

.wrapper-dropdown .dropdown {
	/* Size & position */
	position: absolute;
	top: 140%;
	left: 0;
	right: 0;
	/* Styles */
	background: white;
	border: 1px solid rgba(0,0,0,0.17);
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	font-weight: normal;
	/*    transition: all 0.5s ease-in;*/
	list-style: none;
	/* Hiding */
	opacity: 0;
	pointer-events: none;
}

.wrapper-dropdown .dropdown li a {
	display: block;
	padding: 4px 10px;
	text-decoration: none;
	color: #000;
	border-bottom: 1px solid #e6e8ea;
	box-shadow: inset 0 1px 0 rgba(255,255,255,1);
	/*    transition: all 0.3s ease-out;*/
}

.wrapper-dropdown .dropdown li i {
	float: right;
	color: inherit;
}

.wrapper-dropdown .dropdown li:first-of-type a {
}

.wrapper-dropdown .dropdown li:last-of-type a {
	border: none;
}

/* Hover state */

.wrapper-dropdown .dropdown li:hover a {
	background: #f3f8f8;
}

.wrapper-dropdown .dropdown:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: 100%;
	right: 15px;
	border-width: 0 6px 6px 6px;
	border-style: solid;
	border-color: #fff transparent;
}

.wrapper-dropdown .dropdown:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: 100%;
	right: 13px;
	border-width: 0 8px 8px 8px;
	border-style: solid;
	border-color: rgba(0,0,0,0.1) transparent;
}

.wrapper-dropdown.active .dropdown {
	opacity: 1;
	pointer-events: auto;
}

.div-dropdown {
	/* Size & position */
	position: absolute;
	top: 140%;
	right: 1%;
	width: 280px;
	margin-left: 0px;
	padding: 15px 8px;
	z-index: 500;
	/* Styles */
	background: white;
	border: 1px solid rgba(0,0,0,0.05);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
	font-weight: normal;
	/*    transition: all 0.5s ease-in;*/
	border-radius: 6px;
	list-style: none;
	/* Hiding */
	opacity: 0;
	pointer-events: none;
}

.div-dropdown:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: 100%;
	right: 20%;
	margin-left: -6px;
	border-width: 0 6px 6px 6px;
	border-style: solid;
	border-color: #fff transparent;
}

.div-dropdown:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -8px;
	border-width: 0 8px 8px 8px;
	border-style: solid;
	border-color: rgba(0,0,0,0.05) transparent;
}

.div-wrapper-dropdown {
	position: relative;
}

.div-wrapper-dropdown .div-dropdown {
	pointer-events: auto;
	visibility: hidden;
}

.div-wrapper-dropdown.active .div-dropdown {
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
}

#user-panel-dropdown {
	z-index: 500;
	color: black;
}
.cart-dropdown .div-dropdown {
	text-align: left;
	margin-left: 0;
	min-width: 280px;
	max-width: 650px;
	width: auto;
	left: auto;
	right: 0;
}

.cart-dropdown .div-dropdown:before {
	right: 68px;
	left: auto;
	margin-left: 0;
}

.cart-dropdown .div-dropdown:after {
	right: 69px;
	left: auto;
	margin-left: 0;
}

/* Pagination
 --------------------------------------------- */

.pagination {
	text-align: right;
}

.pagination ul {
	display: inline-block;
}

.pagination ul li {
	display: inline-block;
}

.pagination ul li a {
	display: block;
	width: 22px;
	height: 22px;
	line-height: 20px;
	text-align: center;
	border: 1px solid #00586C;
}

.pagination ul li a:hover, .pagination ul li.selected a {
	background: #006883;
	color: #fff;
}

/* Block
 --------------------------------------------- */

.block {
	margin-bottom: 25px;
}

.block-title {
	font-weight: 400;
	font-size: 18px;
	font-family: 'Open Sans', Arial, sans-serif;
	color: #fff;
	position: relative;
	padding: 0 0 10px;
	margin: 0 0 15px;
}
h1.block-title {
	font-size: 22px;
}
.block-title a {
	color: #fff;
}
.block-title a.active {
	color: #fff;
	padding: 1px 10px;
	display: inline-block;
}
.block-title::before, .block-title::after {
	content: " ";
	height: 2px;
	position: absolute;
	bottom: 0;
	background: url(../images/sep.png) no-repeat;
}

.block-title::before {
	left: 0;
	right: 50%;
	background-position: 0 0;
}

.block-title::after {
	left: 50%;
	right: 0;
	background-position: 100% 0;
}

.block-content {

}

.block-more {
	text-align: center;
	margin: 0 0 10px 0;
}

.block-more a {
	font-size: 11px;
	color: #00586C;
}

.bordered-block .block-title {
	margin-bottom: 0;
}

.bordered-block .block-title:before, .bordered-block .block-title:after {
	content: none;
}

.bordered-block .block-content {
	border: 1px solid #00586C;
	padding: 20px 0 0 0;
}

.bordered-block.no-padding .block-content {
	padding: 0;
}

.padding {
	padding: 10px;
}

.block-tabs-title {
	display: block;
	list-style-type: none;
	margin-bottom: -1px;
}

.block-tabs-title li {
	list-style-type: none;
	display: inline-block;
	background-color: #00586C;
	color: #fff;
	border: 1px solid #025959;
	border-bottom-width: 0;
}

.block-tabs-title li a {
	display: block;
	color: black;
	padding: 2px 10px;
}

.block-tabs-title li {
	position: relative;
	min-width: 100px;
	text-align: center;
	border: 1px solid #00586C;
	z-index: 8;
}

.block-tabs-title li.active a
{
	color: #fff;
}

/* Sharing
 --------------------------------------------- */

.share {
	line-height: 14px;
}
div.share a {
	font-size: 11px;
	color: #676767;
}

/* Rating
 --------------------------------------------- */

.rating {
	height: 12px;
	width: 95px;
	background: url(../images/stars.png) no-repeat -95px 0;
	text-indent: -9999em;
	overflow: hidden;
}

.rating-0 {
	background-position: -95px 0;
}

.rating-1 {
	background-position: -76px 0;
}

.rating-2 {
	background-position: -57px 0;
}

.rating-3 {
	background-position: -38px 0;
}

.rating-4 {
	background-position: -19px 0;
}

.rating-5 {
	background-position: 0 0;
}

/* Product
 --------------------------------------------- */

.product {
	position: relative;
	margin: 0 0 25px;
}

.product .thumbnail {
	display: block;
	margin-bottom: 10px;
	min-height: 160px;
}

.product .name {
	color: #f58220;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.4em;
	height: 2.9em;
	overflow: hidden;
	margin: 0;
}

.product .name a {
	color: inherit;
}

.product .name a:hover {
	color: #006883;
}

.product .price {
	color: #f23d3d;
	font-size: 15px;
}

.product .author {
	/*max-height: 1.5em;*/
}

.product .author a {
	color: #808080;
	font-size: 14px;
}

.product .author a:hover {
	color: #353535;
}

.product .rating {
	margin: 5px 0 5px;
}

.product .description {

}

.product .share {
	margin: 0px 0;
}

.product .numbered {
	position: absolute;
	left: 0;
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	height: 48px;
	line-height: 48px;
	width: 24px;
	text-align: center;
	border-radius: 0 48px 48px 0;
	-moz-border-radius: 0 48px 48px 0;
	-webkit-border-radius: 0 48px 48px 0;
	background: #f58220;
}

.product .buttons .button {
	padding: 3px 10px;
}

/* Diem Sach
 --------------------------------------------- */

.block.diem-sach {
	margin-bottom: 0;
}

.diem-sach .product-first {
	margin-bottom: 25px;
}

.diem-sach .product-first .thumbnail {
	float: left;
	margin-right: 15px;
}

.diem-sach .product-first .details {
	overflow: hidden;
}

.diem-sach .product-first .name {
	height: auto;
}

/* Items Slider
 --------------------------------------------- */

.items-slider {
	padding: 0 40px;
	position: relative;
}

.items-slider-inner {

}

.items-slider-inner > div {
	background-color: #000;
	width: 100%;
}

.items-slider .btn-prev, .items-slider .btn-next {
	position: absolute;
	top: 50%;
	margin-top: -13px;
}

.items-slider .btn-prev {
	left: 0;
}

.items-slider .btn-next {
	right: 0;
}

/* Products Slider
 --------------------------------------------- */

.products-slider .products-grid-4 .product {
	margin: 0 1.5% !important;
}

.products-slider .btn-prev, .products-slider .btn-next {
	top: 22%;
	margin: 0;
}

/* Badges Slider
 --------------------------------------------- */
.badges-slider .product {
	margin-bottom: 0;
}

/* Users Slider
 --------------------------------------------- */
.users-slider .product {
	margin-bottom: 0;
}

/* Author Block
 --------------------------------------------- */

.author-block {
	margin-bottom: 25px;
}

.author-block .author-photo {
	float: left;
	margin: 0 20px 0 0;
}

.author-block .author-description {
	overflow: hidden;
}

.author-block h2 {
	font-size: 14px;
	margin: 0 0 10px;
}
.author-block h2 a {
	color: #f58220;
}

/* User Info
 --------------------------------------------- */

.user-info .thumbnail {
	display: block;
	min-height: 0;
}

.user-info .name {
	margin: 0;
	font-size: 1em;
	font-weight: 400;
}

.user-info .name a {
	color: #f58220;
}

.user-info .name a:hover {
	color: #006883;
}

/* Dialog
 --------------------------------------------- */

.Dialog {
	font-size: 14px;
	line-height: 1.5;
	background: #FFF;
	padding: 0px;
	width: 520px;
	/*	max-width: 520px;*/
	color: #222;
	-webkit-box-shadow: 0px 0px 4px 2px #aaa;
	-moz-box-shadow: 0px 0px 4px 2px #aaa;
	box-shadow: 0px 0px 4px 2px #aaa;
	/*    border: 1px solid #025959;*/
}

.Dialog .Dialog_Title {
	font-family: 'Open Sans', Arial, sans-serif;
	margin: 0;
	padding: 5px 10px;
	font-weight: 400;
	font-size: 14px;
	/*    background: #222;*/
	background: #00586C;
	color: #FFF;
	text-align: left;
	position: relative;
}

.Dialog .Dialog_Title .Dialog_Close {
	font-family: 'Open Sans', Arial, sans-serif;
	position: absolute;
	top: 0px;
	right: 2px;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 10px;
	display: block;
	cursor: pointer;
	color: #ddd;
}

.Dialog .Dialog_Title .Dialog_Close:hover {
	color: #fff;
}

.Dialog .Dialog_Body {
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding: 10px;
	text-align: left
}
.Dialog .Dialog_Body h3 {
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 400;
}

.Dialog .Dialog_Icon {
	padding: 10px 10px 10px 68px;
	min-height: 64px;
	_height: 48px
}

.Dialog .Dialog_Confirmation {
	background-image: url('../images/dialog/confirmation.png')
}
.Dialog .Dialog_Error {
	background-image: url('../images/dialog/error.png')
}
.Dialog .Dialog_Information {
	background-image: url('../images/dialog/information.png')
}
.Dialog .Dialog_Question {
	background-image: url('../images/dialog/question.png')
}
.Dialog .Dialog_Warning {
	background-image: url('../images/dialog/warning.png')
}

.Dialog .Dialog_Buttons {
	/*    background: #E5E5E5;*/
	/*    border-top: 1px solid #DADADA;*/
	padding: 5px 10px 5px 10px;
	text-align: right;
}

.Dialog .Dialog_Buttons a {
	display: inline-block;
	text-decoration: none;
	font-weight: normal;
	margin-left: 5px;
	text-align: center;
	font-weight: 700;
	font-size: 12px;
	background-color: #006883;
	border: 1px solid #00586C;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	padding: 2px 8px;
	min-width: 80px;
}

.Dialog .Dialog_Buttons a:hover {
	color: #fff;
	background-color: #f58220;
	border-color: #ed1b2e;
}

.Dialog .Dialog_Buttons .btn-add-to-cart, .Dialog .Dialog_Buttons .btn-buy-now {
	margin-top: -2px;
}
.DialogOverlay {
	background: #666
}

/* DIALOGS */
.dialog_account {
}
.dialog_account .accountid {
	background-color: #006883;
	border-radius: 15px 15px 15px 15px;
	color: #FFFFFF;
	display: inline-block;
	padding: 4px 8px;
}
.dialog_account .email {
	display: inline-block;
	padding: 4px 8px;
}
.dialog_account .balance, .dialog_account .point, .dialog_account .purchased {
	background-color: #006883;
	border-radius: 15px 15px 15px 15px;
	color: #FFFFFF;
	display: inline-block;
	font-size: 1.5em;
	margin-right: 12px;
	padding: 8px 16px;
}
.dialog_account .point {
	background-color: #00586C;
	font-size: 1em;
	padding: 5px 8px;
}
.dialog_account .earn-point {
	display: inline-block;
}
.dialog_account .purchased {
	background-color: #F58220;
	color: #fff;
}

/* BUY CARD */
.dialog_buycard p {
	margin-bottom: 5px;
}
#tabs-buyacard {
	padding-bottom: 5px;
}
#tabs-buyacard #tabs-slideshow ul {
	width: 100%;
	margin: 0 auto;
	list-style-type: none;
	padding: 10px;
}
#tabs-buyacard #tabs-slideshow li {
	float: left
}
#tabs-buyacard #tabs-slideshow li a {
	display: block;
	color: #333;
	text-decoration: none;
	padding: 5px 12px;
	background: #ddd;
	margin-right: 4px;
	-webkit-box-shadow: 0 0px 2px rgba(0,0,0,0.3) inset;
}
#tabs-buyacard #tabs-slideshow li a:hover {
	background-color: #999;
}
#tabs-buyacard #tabs-slideshow li a.current {
	background: #fff;
	color: #232a40;
	-moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.3) inset;
	-o-box-shadow: 0px 1px 0px rgba(0,0,0,0.3) inset;
	-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.3) inset;
	box-shadow: 0px 1px 0px rgba(0,0,0,0.3) inset;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
}
#tabs-buyacard .tab {
	width: 95%;
	margin: auto;
	clear: both;
	padding: 10px;
	background: #fff;
	overflow: hidden;
}
#tabs-buyacard div.row {
	padding: 5px;
}
#tabs-buyacard div.row .title {
	font-size: 13px;
	font-weight: bold;
}
#tabs-buyacard input.card-input {
	font-size: 13px;
	padding: 3px;
	width: 220px;
}
#tabs-buyacard .banks {
	text-align: center;
}
#tabs-buyacard .avatar {
	float: left;
	padding: 5px;
}
#tabs-buyacard .tip {
	font-size: 0.9em;
	color: #333;
	padding: 3px;
}
#tabs-buyacard .red {
	font-size: 0.9em;
	color: #aa0000;
	padding: 3px;
}
#tabs-buyacard .vnp-bank-info {
	padding: 8px;
	border: solid 1px #ccc
}
#tabs-buyacard .navb {
	text-align: center;
	padding: 8px;
}
#tabs-buyacard .pv {
	text-align: center;
}

/* Login */
.Dialog #login_form_popup {
	width: 250px;
	margin: 25px auto;
}

.Dialog #login_form_popup .form-field {
	width: 100%;
}

/* Comment */
.Dialog #comment-form {
	width: 400px;
	margin: 20px auto;
}

.Dialog #comment-form .form-field {
	width: 100%;
}

/* Cart
 --------------------------------------------- */

.compact-cart-table {
	border: 1px solid #dfdfde;
	margin: 0 0 10px;
}

.compact-cart-table td {
	border: 0;
	padding: 2px 10px;
	line-height: 20px;
	font-size: 12px;
}

.compact-cart-table td.product-name {
	white-space: nowrap;
}

.compact-cart-table td.product-total {
	color: #F23D3D;
}

.compact-cart-table a {
	color: #808080;
}

.compact-cart-table a:hover {
	color: #F58220;
}

.compact-cart-summary {
	border: 0;
	border-top: 2px solid #dfdfde;
	margin: 0 0 10px;
}

.compact-cart-summary tbody {
	border: 0;
}

.compact-cart-summary td {
	border: none;
}

.compact-cart-summary .cart-subtotal {
	color: #f58220;
}

.compact-cart-summary .total-price {
	color: #f58220;
	font-size: 18px;
	font-weight: 700;
}

.button-place-order-big {
	background-color: #ed1b2e;
	border-color: #ed1b2e;
	font-size: 18px;
	padding: 3px 15px;
}

.empty-cart {
	background: url(../images/empty-cart.png) no-repeat;
	width: 264px;
	height: 197px;
	margin: 0 auto 10px;
	padding: 15px 15px 130px;
	font-size: 16px;
	font-family: 'Open Sans', Arial, sans-serif;
}

/*
 Site Header
 ---------------------------------------------------------------------------------------------------- */

/* Title Area
 --------------------------------------------- */

#logo {
	float: left;
	margin: 7px 10px 5px 0;
}

.right-tools {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* Search Form
 --------------------------------------------- */

.search-form {
	position: relative;
}

.search-form input[type="search"] {
	background-color: #FFFFFF;
	border: 1px solid #00586C;
	box-shadow: 0px 0px 1px #006883 inset;
	color: #025959;
	padding: 10px;
	width: 100%;
}

.search-form input[type="submit"] {
	border: 0;
	margin: 0px;
	padding: 0;
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	width: 60px;
	overflow: hidden;
	text-indent: -9999em;
	background: #00586C url('../images/sprites.png') no-repeat -140px 7px;
}

.site-header .search-form {
	float: left;
	width: 800px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#profile-button {
	width: 100%;
	text-align: center;
	height: 38px;
}

/* Mini Cart
 --------------------------------------------- */

#mini_cart {
	float: right;
	display: inline-block;
	/*	margin-top: 98px;*/
}

#mini_cart .button-cart {
	padding: 5px 10px;
	height: 39px;
	line-height: 25px;
}

.button-cart .cart-count {
	background: url(../images/sprites.png) no-repeat -56px -33px;
	color: #00586C;
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	padding: 0 2px 0 0px;
	margin: 0 3px 0 0;
}

#mini_cart .p-cart-dropdown {
	display: none;
}

/* User Block
 --------------------------------------------- */

#user-block {
	float: right;
	width: 190px;
}

#profile-button span {
	display: inline-block;
	max-width: 190px;
	max-height: 30px;
}

.button-sign-in {
	padding: 7px 10px;
	height: 38px;
	line-height: 25px;
	width: 190px;
	text-align: center;
}

#user-block form .form-field {
	width: 100%;
}

#user-block .div-dropdown hr {
	height: 2px;
	background-color: #ebebeb;
	border-color: #ebebeb;
	color: #ebebeb;
	border: 0;
	margin: 10px 0;
}

#user-block li a {
	color: #808080;
}

#user-block li a:hover {
	color: #f58220;
}

.message-notification {
	width: 56px;
	height: 40px;
	font-size: 15px;
	color: #fff;
	background: url(../images/icon-notification.png) no-repeat;
	padding: 0 0 23px 23px;
	line-height: 20px;
	text-align: center;
	margin-top: -12px;
}

#user-block .reward-row {
	font-size: 16px;
}

/*
 Site Navigation
 ---------------------------------------------------------------------------------------------------- */

/* Header Navigation
 --------------------------------------------- */

.nav-primary {
	font-family: 'Open Sans', Arial, sans-serif;
	background-color: #006883;
	height: 40px;
	border-bottom: 8px solid #00586C;
}

.nav-menu {
	display: table;
	width: 100%;
}
.nav-secondary
{
	visibility: hidden;
	display: none;
	float: left;
	width: 160px;
}
#smart-menu-dropdown
{
	left: 1px;
	max-width: 240px;
	padding: 0px;
	border-radius: 0px;
	background-color: #00586C;
}
#smart-menu-dropdown li
{
	height: 30px;
	text-align: left;
	padding: 3px;
	color: black;
	border-bottom: solid 1px white;
}
#smart-menu-dropdown.div-dropdown:after
{
	left: 35%;
	border-color: #00586C transparent
}
#smart-menu-dropdown a
{
	color: white;
	font-size: 11pt;
	padding-left: 20px;
}
#smart-menu-dropdown li:hover
{
	color: #fff;
	background-color: #f58220;
	border-color: #ed1b2e;
}
.nav-menu li {
	display: inline-block;
	display: table-cell;
	text-align: left;
}

.nav-menu li a {
	display: inline-block;
	line-height: 35px;
	color: #fff;
	font-size: 11pt;
	padding: 0 15px;
}

.nav-menu li.menu-active a, .nav-menu li a:hover {
	background-color: #00586C;
}
.ul-level-2 li
{
	display: list-item;
	float: left;
	list-style: none;
	text-align: -webkit-match-parent;
	width: 120px;
	margin: 2px 2px 2px 2px;
	height: 25px;
	font-size: 12px;
}
.ul-level-2 li a
{
	line-height: 22px;
	background: none;
	text-transform: none;
	padding-left: 6px;
	padding-right: 6px;
	font-size: 12px;
	display: block;
}
.menu-type-link .ul-level-2
{
	display: none;
	padding: 5px 5px 5px 8px;
	position: absolute;
	width: 520px;
	z-index: 10000;
	background-color: #00586C;;
}
.nav-menu li.activer a, .nav-menu li a:hover 
{
	background-color: #00586C;;
}
#nav-menu
{
	z-index: 500;
}
/* Primary Navigation
 --------------------------------------------- */

/* Footer Navigation
 --------------------------------------------- */

/*
 Content Area
 ---------------------------------------------------------------------------------------------------- */

/* Quotation
 --------------------------------------------- */
.quotation {
	text-align: center;
	padding-bottom: 18px;
	background: url(../images/quotation-end.png) no-repeat center bottom;
	line-height: 2;
	margin-bottom: 20px;
}

.quotation blockquote {
	width: 60%;
	margin: 0 auto;
	text-align: center;
}

.quotation cite {
	display: block;
	text-align: center;
	font-style: italic;
}

/* Featured Slider
 --------------------------------------------- */

.featured-slider {
	background-color: #006883;
	position: relative;
	margin: 0 0 20px;
	padding: 1px 0;
}

.featured-slider .featured-slider-inner {
	margin: 5px 0px 40px;
}

.featured-slider-inner > section {
	background-color: #006883;
	width: 100%;
}

.featured-slider-nav {
	background-color: #00586C;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 32px;
	display: table;
	padding: 6px 20px;
	line-height: 24px;
	width: 100%;
}

.featured-slider-nav a {
	display: table-cell;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	text-align: center;
	width: 25%;
}

.featured-slider-nav a span {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 0 10px;
	line-height: 24px;
}

.featured-slider-nav a.cycle-pager-active span, .featured-slider-nav a.activeSlide span {
	background-color: #fff;
	color: #025959;
}

.featured-slider .btn-prev, .featured-slider .btn-next {
	background: url(../images/arrows-white.png) no-repeat;
	width: 34px;
	height: 34px;
	position: absolute;
	top: 50%;
	margin-top: -35px;
}

.featured-slider .btn-prev {
	background-position: 0 0;
	left: 20px;
	z-index: 100;
}

.featured-slider .btn-next {
	background-position: -34px 0;
	right: 20px;
	z-index: 100;
}

.featured-slider .product {
	margin-bottom: 0;
	margin-left: 5px !important;
	width: 16.05% !important;
	border: solid #00586C 4px;
	opacity: 0.9;
}
.featured-slider .product:hover {
	border: solid #fff 4px;
	opacity: 1;
}

.featured-slider .product .thumbnail {
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	height: 240px !important;
	min-width: 100% !important;
}

.featured-slider .product .thumbnail .item-image-thumb {
	width: 100%;
	height: 100%;	
}
/* Banners Rotator
 --------------------------------------------- */
 

.banners-rotator-nav {
	display: table;
	width: 100%;
	height: 38px;
	line-height: 24px;
	padding: 6px 20px;
	background-color: #00586C;
}

.banners-rotator-nav a {
	display: table-cell;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	text-align: center;
}

.banners-rotator-nav a span {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 0 10px;
	line-height: 24px;
}

.banners-rotator-nav a.cycle-pager-active span, .banners-rotator-nav a.activeSlide span {
	background-color: #fff;
	color: #025959;
}
/* khong show banner bottom span trong home page*/
.banners-rotator .banners-rotator-nav
{
	display: none;
	visibility: hidden;
}
/* Product
 --------------------------------------------- */

.product-info .thumbnail {
	float: left;
	margin-right: 45px;
}

.product-info .details {
	overflow: hidden;
}

.product-info .product .name {
	height: auto;
}

.product-offers {
	border-top: 1px solid #b3b3b3;
	padding-top: 15px;
	margin-top: 15px;
	position: relative;
}

.product-offer h3 {
	font-size: 15px;
	color: #FFF;
}

.product-offer .button {
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 5px;
	padding: 3px 10px;
	line-height: 1.5;
}

.product-offers .line-1 {
	width: 1px;
	background-color: #b3b3b3;
	position: absolute;
	top: 25px;
	bottom: 5px;
	left: 48.7179%;
}

/* Product Bar
 --------------------------------------------- */

.product-bar {
	position: fixed;
	z-index: 10000;
	left: 0;
	top: 0;
	right: 0;
	background-color: #00586C;
	color: #fff;
	height: 54px;
	line-height: 34px;
	padding: 10px 15px;
	display: none;
}

.product-bar .logo {
	margin: 0 27px 5px 0;
	vertical-align: middle;
	display: inline-block;
}

.product-bar .logo img {
	display: block;
	margin: 0;
}

.product-bar .line-1 {
	background-color: #006883;
	width: 1px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 125px;
}

.product-bar .product-bar-info {
	position: absolute;
	left: 140px;
	right: 0;
	top: 10px;
	bottom: 10px;
}

.product-bar .name {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 15px;
	max-height: 34px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.product-bar .author {
	font-style: italic;
	font-size: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.product-bar .price {
	font-size: 22px;
	font-weight: bold;
	white-space: nowrap;
}

.product-bar .button {
	line-height: 22px;
	padding: 3px 16px;
	white-space: nowrap;
}
.product-bar.search-bar
{
	background: none !important;
	padding: 0px !important;
}
/* Section Groups
 --------------------------------------------- */

.sections-nav {
	list-style-type: none;
}

.sections-nav li {
	list-style-type: none;
	display: inline-block;
	padding: 0 12px;
	border-left: 1px solid #FFF;
}

.sections-nav li:first-child {
	border-left: none;
	padding-left: 0;
}

.sections-nav li a {
	font-size: 15px;
	color: #FFF;
}

.sections-nav li a:hover {
	color: #f58220;
}

.sections-group {
}

.sections-group section {
	border-bottom: 1px solid #dfdfdf;
	padding: 30px 0;
	margin: 0 0 0 40px;
}

.sections-group section:last-of-type {
	border-bottom: 0;
}

.sections-group section .component-title {
	font-size: 14px;
	color: #fff;
}

/* Product Sections
 --------------------------------------------- */

.product-authors h3 {
	font-weight: 400;
	font-size: 14px;
	color: #f58220;
}

.product-authors .author {

}

.product-authors .author .thumbnail {
	float: left;
	margin-right: 20px;
}

.product-authors .author .details {
	overflow: hidden;
}

.product-authors .author .description {
	text-align: justify;
}

.product-expert-reviews blockquote {
	line-height: 1.5;
	margin: 0 40px 0 40px;
	text-align: right;
	color: #000;
	font-size: 14px;
}
.product-expert-reviews blockquote::before {
	color: #aaa;
	display: block;
	font-size: 100px;
	left: -35px;
	position: relative;
	top: 20px;
	text-align: left;
	font-weight: 400;
}
.product-expert-reviews blockquote::after {
	content: none;
}
.product-expert-reviews blockquote p {
	margin-bottom: 10px;
}
.product-expert-reviews blockquote p:last-child::after {
	color: #aaa;
	content: "\201D";
	display: inline;
	font-size: 100px;
	line-height: 100px;
	height: 0px;
	position: absolute;
	margin: -12px 0 0;
}
.product-expert-reviews h4 {
	font-size: 14px;
	font-family: Arial;
	text-align: right;
	margin-bottom: 20px;
	margin-right: 40px;
	color: #ff6600;
	font-weight: 400;
}

/* Comments
 --------------------------------------------- */

/** Comments Stats */
.comments-stat {
	padding: 20px 0;
}

.comments-stat .stat-row {
	margin-bottom: 5px;
}

.comments-stat .stat-rate {
	display: inline-block;
	vertical-align: middle;
}

.comments-stat .stat-bar {
	display: inline-block;
	vertical-align: middle;
	height: 16px;
	width: 90px;
	border: 1px solid #4d4d4d;
	margin: 0 5px 0 10px;
}

.comments-stat .stat-bar > div {
	background: #00586C;
	height: 14px;
}

.comments-stat .stat-count {
	display: inline-block;
	vertical-align: middle;
	color: #1ca897;
}

/** Comments List */
.comments {

}

.comment-block {
	position: relative;
}

.comment-block .user-info {

}

.comment-block .user-info .thumbnail {
	display: block;
}

.comment-block .user-info .name {
	display: block;
	height: auto;
}

.comment-block .user-info span.name {
	color: #333;
}

.comment-block .comment {
	overflow: hidden;
}

.comment-block .rating {
	display: inline-block;
}

.comment-block .comment-title {
	display: inline-block;
	color: #333;
	font-size: 14px;
	font-weight: 700;
	margin: 0;
}

.comment-block .comment-date {
	font-size: 12px;
}

.comment-block .comment-text {
	margin-top: 10px;
}

.comment-block .share {
	margin-top: 15px;
}

.comment-block .share a {
	margin-right: 20px;
}

.comment-block .line-1 {
	background: url(../images/vert-line.png) repeat-y;
	width: 2px;
	top: 25px;
	bottom: 15px;
	left: 150px;
	position: absolute;
}

.comments .comment-block {
	margin-left: 40px;
	padding: 25px 0 15px;
	border-bottom: 1px solid #b3b3b3;
}

.comments .comment-block .user-info {
	float: left;
	width: 150px;
	margin-right: 20px;
}

.comments .sortings-holder {
	background: #f2f0f0;
	border: 1px solid #cccccc;
	padding: 5px 10px;
	margin-bottom: 5px;
	color: #808080;
}

.comments .pagination {
	margin-top: 20px;
}

/* Featured Comments
 --------------------------------------------- */

.featured-comments {
	margin: 10px 0;
}

.featured-comments h2 {
	background: #f2f0f1;
	border: 1px solid #cccccc;
	color: #808080;
	font-size: 15px;
	font-weight: normal;
	padding: 8px 10px;
}

.featured-comments .comment-block .user-info {
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 5px;
}

.featured-comments .comment-block .user-info .thumbnail {
	margin-right: 10px;
}

.featured-comments .comment-block .comment-date {
	font-size: 11px;
	color: #cccccc;
}

.featured-comments .comment-block .comment-text {
	margin-top: 0;
}

/* User Details
 --------------------------------------------- */

.user-details {
	padding-top: 15px;
	margin-bottom: 20px;
}

.user-details .user-info {
	padding-top: 50px;
}

.user-details .user-info .thumbnail {
	float: left;
	margin-right: 30px;
	margin-top: -60px;
}

.user-details .user-info .name {
	font-size: 24px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}

.user-details .rewards {
	overflow: hidden;
	margin-top: 10px;
}

.user-details .rewards .reward-row {
	font-size: 16px;
	line-height: 30px;
	width: 35%;
	margin-right: 10%;
	max-width: 150px;
}

.user-details .user-notifications {
	display: inline-block;
	margin-right: 15px;
}
.user-details .user-notifications .message-notification {
	background-size: 30px 26px;
	display: inline-block;
	font-size: 9px;
	height: 26px;
	line-height: 14px;
	margin: 0;
	padding: 0 0 14px 14px;
	width: 30px;
	vertical-align: middle;
}

.friend {
	background-color: #006883;
	color: #fff;
	display: inline-block;
	padding: 3px 10px;
	vertical-align: middle;
}

.friend:hover {
	color: #fff;
}

.reward-row {
	margin-bottom: 5px;
}

.reward-row img {
	vertical-align: middle;
	margin: -3px 10px 0 0;
}
.rewards-small
{
	padding-top: 5px;
}
.rewards-small .reward-row img {
	width: 20px;
	margin: -2px 3px 0 0;
}

.reward-row span {
	float: right;
	padding-right: 5px;
}

/* Edit Account
 --------------------------------------------- */

.account-edit {

}

.account-edit .user-info {
	float: left;
	margin: 60px 40px 20px 30px;
}

.account-edit .block {
	overflow: hidden;
}

.user-avatar {

}

.current-avatar {
	float: left;
	margin-right: 20px;
}

.current-avatar-img {
	width: 150px;
	height: 150px;
	border: 1px solid #afafaf;
	background: #fff;
	padding: 4px;
	margin: 0 0 5px;
	overflow: hidden;
}

.current-avatar-img #preview {
	overflow: hidden;
	width: 140px;
	height: 140px;
}

.current-avatar-img img {
	max-width: none;
	max-height: none;
}

.new-avatar {
	overflow: hidden;
}

.new-avatar input {
	margin-top: 5px;
}

.upload-button.loading i {
	background: url(../images/uploading.gif) no-repeat;
	width: 18px;
	height: 18px;
	display: inline-block;
	text-indent: -9999em;
}

.new-avatar.loading {
	min-width: 100px;
	min-height: 100px;
	background: url(../images/uploading_text.gif) no-repeat;
}

/*
 Products Layout
 ---------------------------------------------------------------------------------------------------- */

/* Grid
 --------------------------------------------- */
.products-grid-7 {

}

.products-grid-7 .product {
	width: 12.7%;
	margin-left: 1.85%;
	float: left;
}

.products-grid-7 .product:nth-of-type(7n+1), .products-grid-7 .product:first-of-type {
	margin-left: 0;
}

.products-grid-6 {

}

.products-grid-6 .product {
	width: 15%;
	margin-left: 2%;
	float: left;
}

.products-grid-6 .product:nth-of-type(6n+1), .products-grid-6 .product:first-of-type {
	margin-left: 0;
}

.products-grid-5 {

}

.products-grid-5 .product {
	width: 18%;
	margin-left: 2.5%;
	float: left;
}

.products-grid-5 .product:nth-of-type(5n+1), .products-grid-5 .product:first-of-type {
	margin-left: 0;
}

.products-grid-4 {

}

.products-grid-4 .product {
	width: 22%;
	margin-left: 4%;
	float: left;
}

.products-grid-4 .product:nth-of-type(4n+1), .products-grid-4 .product:first-of-type {
	margin-left: 0;
}

.products-grid-3 {

}

.products-grid-3 .product {
	width: 30%;
	margin-left: 5%;
	float: left;
}

.products-grid-3 .product:nth-of-type(3n+1), .products-grid-3 .product:first-of-type {
	margin-left: 0;
}

.products-grid-2 {

}

.products-grid-2 .product {
	width: 47%;
	margin-left: 6%;
	float: left;
}

.products-grid-2 .product:nth-of-type(2n+1), .products-grid-2 .product:first-of-type {
	margin-left: 0;
}

.products-grid-1 {

}

.products-grid-1 .product {
}

/* List
 --------------------------------------------- */

.products-list .products-row .product {
	width: auto;
	float: none;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #ddd;
}

.products-list .products-row .product .thumbnail {
	float: left;
	margin: 0 15px 20px 0;
	min-height: 0;
}

.products-list .products-row .product .details {
	overflow: hidden;
}

.products-list .products-row .product .name {
	height: auto;
}

.products-list .products-row .product .description p {
	margin-bottom: 15px;
}

/* Sortings Holder
 --------------------------------------------- */

.sortings-holder {
	margin-bottom: 25px;
	line-height: 30px;
}

/*
 Sidebars
 ---------------------------------------------------------------------------------------------------- */

/* Featured Comments Slider
 --------------------------------------------- */

.comments-slider {
	min-height: 270px;
	max-height: 300px;
	overflow: hidden;
}

.comment-item {

}

.comment-item .product {
	margin-bottom: 5px;
}

.comment-item .product .thumbnail {
	float: left;
	margin-right: 5px;
	min-height: 0;
}

.comment-item .product .name {
	height: auto;
	font-size: 12px;
	/*	margin-top: 20px;*/
}

.comment-item .product .author a {
	font-size: 12px;
}

.comment-item-content {
	border: 1px solid #e8e7e5;
	border-radius: 8px;
	padding: 10px 14px;
	font-size: 12px;
	position: relative;
	margin-bottom: 30px;
}

.comment-arrow {
	background: url(../images/comment-arrow.png) no-repeat;
	width: 33px;
	height: 24px;
	position: absolute;
	bottom: -24px;
	left: 35%;
}

.comment-item .user-info .thumbnail {
	float: left;
	margin-right: 10px;
}

/* Mot vien xuat sac
 --------------------------------------------- */

/* Normal Products List
 --------------------------------------------- */

.block-products .product {
	margin-bottom: 30px;
}

.block-products .product .thumbnail {
	float: left;
	margin: 0 10px 0 20px;
	width: 80px;
	min-height: 0;
}

.block-products .product .details {
	overflow: hidden;
}

.block-products .product .name {
	height: auto;
	max-height: 1.5em;
}

.block-products .product .rating {
	margin: 3px 0;
}

.block-products .product .share {
	margin: 3px 0;
}

/* Bestseller
 --------------------------------------------- */

.week-bestseller .product .thumbnail {
	margin: 0 10px 0 40px;
}

/* Categories
 --------------------------------------------- */

.categories {
	list-style-type: none;
	font-size: 13px;
	color: #818181;
	line-height: 1.7;
}

.categories li {
	list-style-type: none;
	padding-left: 15px;
	position: relative;
	padding-left: 20px;
	margin-top: 3px;
}
.categories li a
{
	padding: 6px 0px 6px;
}
.categories li .arrow {
	position: absolute;
	left: 0;
	top: 6px;
	width: 0;
	height: 0;
	border-left: 5px solid #006883;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
}

.categories li.has-children > .arrow {
	cursor: pointer;
	border-top: 5px solid #006883;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
}

.categories li a {
	color: #fff;
}

.categories li.active > a,.categories li a:hover {
	font-weight: bold;
	color: #006883;
} 

.categories li:hover, .categories li a:hover {
	color: #006883;
}

.categories .sub-categories {
	/*	margin-left: 15px;*/
}

.categories .sub-categories li:before {

}

/*
 Site Footer
 ---------------------------------------------------------------------------------------------------- */

.site-footer {
	border-top: 10px solid #00586C;
	background: #006883;
	color: #fff;
	padding: 10px 0 10px;
	font-size: 12px;
}

.site-footer h3 {
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	margin: 0 0 5px;
}

.site-footer h4 {
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	margin: 0 0 10px;
}

.site-footer a {
	color: #fff;
}

.nav-footer {
	list-style-type: none;
}

.nav-footer li {
	list-style-type: none;
}

.nav-footer li a {
	font-size: 12px;
}

.nav-footer li a:hover {
	color: #000;
}

.site-footer .article {
	font-size: 10px;
}

.site-footer .article h2 {
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 6px;
	margin-bottom: 8px;
}

.site-footer .article .article-content {
	background-color: #d5f7e9;
	color: #666666;
	padding: 10px;
}

.site-footer .newsletter-box {
	margin-bottom: 20px;
}

.site-footer .newsletter-box .newsletter-email {
	border: 1px solid #fff;
	padding: 5px;
	background-color: #006883;
	box-shadow: none;
	color: #fff;
	font-size: 11px;
	width: auto;
	vertical-align: top;
}

.site-footer .newsletter-box ::-moz-placeholder {
	color: #fff;
	opacity: 1;
}

.site-footer .newsletter-box ::-webkit-input-placeholder {
	color: #fff;
}

.site-footer .newsletter-box .newsletter-button {
	background-color: #fff;
	color: #025959;
	font-size: 13px;
	padding: 5px;
	vertical-align: top;
	border: 0;
}

.site-footer .support h3 {
	margin-bottom: 10px;
}

.site-footer .support ul {
	list-style-type: none;
}

.site-footer .support li {
	list-style-type: none;
	margin: 0 0 20px;
}

.site-footer .support li i {
	margin-right: 5px;
}

.site-footer .support li i.icon-address {
	float: left;
	margin-right: 9px;
}

/*
 Icons Set
 ---------------------------------------------------------------------------------------------------- */

.icon-user, .icon-cart, .icon-like, .icon-liked, .icon-comment, .icon-share, .icon-warning, .icon-dot, .icon-gift, .icon-clock, .icon-cart-small, .icon-writer, .icon-facebook, .icon-youtube, .icon-twitter, .icon-master, .icon-visa, .icon-onepay, .icon-nganluong, .icon-vtc, .icon-ios, .icon-android, .icon-macos, .icon-windows {
	display: inline-block;
	text-indent: -9999em;
	background: url(../images/sprites.png) no-repeat;
	vertical-align: middle;
	overflow: hidden;
}

.icon-user {
	width: 16px;
	height: 25px;
	padding-right: 20px;
	background-position: -33px -33px;
}

.icon-cart {
	width: 29px;
	height: 26px;
	background-position: 0 -33px;
}

.icon-like {
	width: 14px;
	height: 12px;
	background-position: -20px -64px;
}

.icon-liked {
	width: 14px;
	height: 12px;
	background-position: -157px -64px;
}

.icon-comment {
	width: 18px;
	height: 14px;
	background-position: 0 -64px;
}

.icon-share {
	width: 31px;
	height: 12px;
	background-position: -36px -64px;
}

.icon-warning {
	width: 12px;
	height: 13px;
	background-position: -79px -64px;
}

.icon-dot {
	width: 4px;
	height: 4px;
	background-position: -71px -65px;
}

.icon-gift {
	width: 8px;
	height: 10px;
	background-position: -95px -64px;
}

.icon-clock {
	width: 10px;
	height: 10px;
	background-position: -107px -64px;
}

.icon-cart-small {
	width: 12px;
	height: 12px;
	background-position: -121px -64px;
}

.icon-writer {
	width: 15px;
	height: 15px;
	background-position: -137px -63px;
}

.icon-facebook {
	width: 29px;
	height: 29px;
	background-position: 0 -130px;
}

.icon-youtube {
	width: 29px;
	height: 29px;
	background-position: -30px -130px;
}

.icon-twitter {
	width: 29px;
	height: 29px;
	background-position: -59px -130px;
}

.icon-master {
	width: 49px;
	height: 30px;
	background-position: 0 -161px;
}

.icon-visa {
	width: 49px;
	height: 30px;
	background-position: -51px -161px;
}

.icon-onepay {

}

.icon-nganluong {

}

.icon-vtc {

}

.icon-ios {
	width: 39px;
	height: 40px;
	background-position: 0 -193px;
}

.icon-android {
	width: 39px;
	height: 40px;
	background-position: -41px -193px;
}

.icon-macos {
	width: 31px;
	height: 40px;
	background-position: -83px -193px;
}

.icon-windows {
	width: 46px;
	height: 40px;
	background-position: -116px -193px;
}

.icon-windows-phone {
	width: 46px;
	height: 71px;
	background-position: -167px -193px;
}

.icon-small-arrow-s, .icon-small-arrow-n, .icon-small-arrow-w, .icon-small-arrow-e {
	display: inline-block;
	text-indent: -9999em;
	background: url(../images/arrows-small.png) no-repeat;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

.icon-small-arrow-w {
	background-position: 0 0;
}

.icon-small-arrow-e {
	background-position: -16px 0;
}

.icon-small-arrow-n {
	background-position: -32px 0;
}

.icon-small-arrow-s {
	background-position: -48px 0;
}

.icon-arrow-s, .icon-arrow-n, .icon-arrow-w, .icon-arrow-e {
	display: inline-block;
	text-indent: -9999em;
	background: url(../images/arrows.png) no-repeat;
	width: 26px;
	height: 26px;
	vertical-align: middle;
}

.icon-arrow-w {
	background-position: 0 0;
}

.icon-arrow-e {
	background-position: -26px 0;
}

.icon-arrow-n {
	background-position: -52px 0;
}

.icon-arrow-s {
	background-position: -78px 0;
}

.icon-arrow-white-s, .icon-arrow-white-n, .icon-arrow-white-w, .icon-arrow-white-e {
	display: inline-block;
	text-indent: -9999em;
	background: url(../images/arrows-white.png) no-repeat;
	width: 34px;
	height: 34px;
	vertical-align: middle;
}

.icon-arrow-white-w {
	background-position: 0 0;
}

.icon-arrow-white-e {
	background-position: -34px 0;
}

.icon-arrow-white-n {
	background-position: -68px 0;
}

.icon-arrow-white-s {
	background-position: -102px 0;
}

.icon-chat, .icon-phone, .icon-mail, .icon-address {
	display: inline-block;
	text-indent: -9999em;
	background: url(../images/sprites.png) no-repeat;
	vertical-align: middle;
	width: 34px;
}

.icon-chat {
	background-position: -25px -84px;
	height: 25px;
	width: 28px;
}

.icon-phone {
	background-position: -58px -85px;
	height: 21px;
	width: 28px;
}

.icon-mail {
	background-position: -93px -83px;
	height: 25px;
	width: 28px;
}

.icon-address {
	background-position: 3px -85px;
	height: 25px;
	width: 28px;
}
.copyright
{
	margin: 0px;
}
.icon-exclaim {
	background: url(../images/icon-exclamation.png) no-repeat;
	width: 24px;
	height: 38px;
	display: inline-block;
	text-indent: -9999em;
	vertical-align: middle;
	margin: -9px 0;
}

.btn-next, .btn-prev {
	display: inline-block;
	text-indent: -9999em;
	background: url(../images/arrows.png) no-repeat;
	vertical-align: middle;
	width: 26px;
	height: 26px;
	cursor: pointer;
}

.btn-next {
	background-position: -26px 0;
}

.btn-prev {
	background-position: 0 0;
}

.icon-sorting-grid, .icon-sorting-list {
	width: 24px;
	height: 24px;
	text-indent: -9999em;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}

.icon-sorting-grid {
	background: url(../images/icon-grid.png) no-repeat;
}

.icon-sorting-list {
	background: url(../images/icon-list.png) no-repeat;
}

.icon-arrow-r {
	display: inline-block;
	vertical-align: baseline;
	width: 0;
	height: 1px;
	border-left: 9px solid #006883;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}

.icon-arrow-r-small {
	display: inline-block;
	vertical-align: baseline;
	width: 0;
	height: 1px;
	border-left: 5px solid #006883;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
}

/*.badge-icon {
 margin: 10px;
 border-radius: 100%;
 box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
 }

 .badge-icon-148 {
 box-shadow: 5px 5px 10px rgba(0, 0, 0, .2);
 }*/

/*
 Pinterest
 ---------------------------------------------------------------------------------------------------- */

.pinterest {
	position: relative;
}

.pinterest .product {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #b3b3b3;
	width: 25%;
}

.pinterest .product .details {
	padding: 0 15px;
}

.pinterest .product .thumbnail img {
	width: 100%;
	height: auto;
}

.pinterest .product .name {
	height: auto;
	font-weight: 700;
}

.pinterest .product .author {
	font-weight: 700;
}

/*
 MISC
 ---------------------------------------------------------------------------------------------------- */

.of-hidden {
	overflow: hidden;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.hidden {
	display: none !important;
}

.ajax-loading-box {
	display: none;
	padding: 3px 9px 3px 26px;
	position: fixed;
	right: 50%;
	top: -1px;
	z-index: 998;
	background: #ffffff url('../images/loader.gif') no-repeat 4px 3px;
	border: 1px solid #00586C;
	color: #888;
}

ul.no-bullet, ul.no-bullet li {
	list-style-type: none;
}

.orange {
	color: #f58220;
}

.orange:hover {
	color: #006883;
}

.bold {
	font-weight: 700;
}

.hr {
	margin: 10px auto;
	position: relative;
}
.hr::before, .hr::after {
	content: " ";
	height: 2px;
	position: absolute;
	bottom: 0;
	background: url(../images/sep.png) no-repeat;
}
.hr::before {
	left: 0;
	right: 50%;
	background-position: 0 0;
}
.hr::after {
	left: 50%;
	right: 0;
	background-position: 100% 0;
}

/* Error, Error 404
 --------------------------------------------- */

.error-panel {
	background: url(../images/error.png) no-repeat;
	width: 779px;
	height: 430px;
	margin: 10px auto 50px;
	position: relative;
}

.error-panel h2 {
	font-size: 60px;
	color: #d93045;
	position: absolute;
	top: 94px;
	left: 50px;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
}

.error-panel .error {
	color: #767778;
	font-size: 18px;
	height: 140px;
	left: 450px;
	position: absolute;
	text-align: center;
	top: 75px;
	width: 290px;
}

/*
 Specify Page
 ---------------------------------------------------------------------------------------------------- */

.body-u .site-body, .body-trang-ca-nhan .site-body {
	background: url(../images/body-user-bg.png) repeat-x center 30px;
}

/* Find Friend Results
 --------------------------------------------- */

.find-friends-results {

}

.find-friends-results .result {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px solid #006883;
	position: relative;
}

.find-friends-results .result .thumbnail {
	float: left;
	margin-right: 25px;
}

.find-friends-results .result .name {
	display: inline-block;
}

.find-friends-results .result .buttons {
	position: absolute;
	right: 0;
	top: 25px;
}

/* Notifications
 --------------------------------------------- */

.friend-requests {
	margin-bottom: 40px;
}

.friend-requests .request {
	width: 30%;
	margin-right: 3%;
	float: left;
	border: 1px solid #006883;
}

.friend-requests .request .thumbnail {
	float: left;
	margin: 0 20px 0 0;
}

.friend-requests .request .thumbnail img {
	display: block;
	margin: 0;
}

.friend-requests .request .name {
	display: inline-block;
	margin: 10px 0 5px;
}

.friend-requests .request .buttons {

}

.user-messages {

}

.user-messages .message {
	/*border: 1px solid #006883;*/
	padding: 5px 10px;
	margin: 0 0 15px;
}

.user-messages .message .lead {
	font-size: 13px;
	margin: 0 0 5px;
}

.user-messages .message .message-content {
	padding: 0 0 0 15px;
	border-left: 3px solid #006883;
}

.user-messages .message .message-content p {
	margin-bottom: 5px;
}

.user-messages .message .message-content .actions {
	font-size: 13px;
}

.dialog_trailer
{
	width: 80%;
	top: 20px !important;
}
.dialog_trailer .Dialog_Body
{
	margin: 2px;
	padding: 0px !important;
}
.dialog_trailer .Dialog_Buttons
{
	display: none;	
}
.jwvideo video
{
	width: 100% !important;
	height: 100% !important;
}
#id_video_player_updating
{
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 16pt;
}
#id_video_player
{
	height: 100%;
}
#main-product-info
{
	height: 100%;
}
.episode_name .button
{
	height: 23px;
	padding: 1px 2px 1px 3px;
	min-width: 25px;
	text-align: center;
}
.episode_name .button.active
{
	color: #fff;
	background-color: #f58220;
	border-color: #ed1b2e;
}
.x-video-button
{
	padding: 5px 0px 5px 0px !important;
	font-size: 11pt;
}
.product-bar-button .x-video-button
{
	padding: 3px 20px !important;
}
.banner-rotator-content .banner-rotator-item,
.banner-rotator-content .banner-rotator-item img
{
	width: 100%;
}
.x-item-floating
{
	display: none;
}
.x-item-floating a
{
	font-size: 13px !important;
}
.link-view-more
{
	padding-left: 5px;
}
.sub-mobile-menu
{
	padding-left: 35px !important;
}
/*
 Media Queries
 ---------------------------------------------------------------------------------------------------- */

/* max-width: 1023px
 --------------------------------------------- */

/* max-width: 767px
 --------------------------------------------- */
